<!doctype html>
<html lang="en">
 <head>
  <meta charset="UTF-8">
  <meta name="Generator" content="EditPlus®">
  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
  <title>Document</title>
 </head>
<style>
	#wrap{width:200px;
	      height:200px;
		  margin:100px auto;
		  background:orange;
		  background-image:url(01.jpg);
		  background-size:100% 100%;
		  transition:0.5s;}
   #wrap:hover{
	            -webkit-filter:blur(2px);
				       filter:blur(2px);
	}
	img{width:200px;height:200px;}
</style>
</head>

<body>
	<div id="wrap">
	
    </div>
</body>
</html>